<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0055)http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button -->
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <!-- Use the chrome frame -->
    <meta http-equiv="X-UA-Compatible" content="chrome=IE8">
    <title>Kukui Cup : Energy</title>

<link rel="stylesheet" href="./global_css/screen.css">
<link rel="stylesheet" href="./energy_files/view_energy.css">
<link rel="stylesheet" href="./global_css/theme.css">

<body>
<div class="container">
<div class="container-top">
<div class="container-bottom">
          
<div id="header">
<div style="margin-top: 10px">
    <div id="header-logout">
       <button id="header-feedback" href="javascript:void(0);">Send Feedback</button>
         <a href="landing.html">Logout</a>
    </div>
              
  <div id="header-logo">
    <a href="home.html"><img src="./energy_files/logo.png" title="Home"></a>
  </div>
              
  <div id="header-info">
    <div id="header-avatar">
      <img src="./energy_files/default_avatar.png">
  </div>
                
<div id="header-user-info">
  <div id="header-user-username">
    &lt;george&gt;</div>
   
  <div id="user-cycle" style="position: relative; width: 120px; height: 61px; ">
    <div id="header-user-floor-rank3" style="position: absolute; top: 0px; 
         left: 0px; opacity: 1; z-index: 3; ">    
      <div id="header-user-points">
        <h3>88</h3>
        <div id="header-text">points</div>
      </div>
                      
      <div id="header-user-rank">
        <h3>#1</h3>
        <div id="header-text">out of 51 in Ilima-E</div>
      </div>
    </div>
                   
    <div id="header-user-overall-rank4" style="top: 0px; left: 0px; z-index: 1; 
         position: absolute; opacity: 0; display: none; ">
      <div id="header-user-points">
        <h3>88</h3>
        <div id="header-text">points</div>
      </div>
                      
      <div id="header-user-rank">
        <h3>#1</h3>
        <div id="header-text">out of 1013 overall</div>
      </div>
    </div>
  </div>
</div>

<div id="header-floor-info">
  <div id="header-floor-name">
    Ilima: Lounge E</div>
                  
  <div id="floor-cycle" style="position: relative; width: 120px; height: 66px; "> 
    <div id="header-floor-overall-rank3" style="position: absolute; top: 0px; 
         left: 0px; opacity: 1; z-index: 3; ">
      <div id="header-floor-points">
        <h3>1338</h3>
        <div id="header-text">points overall</div>
      </div>
                      
      <div id="header-floor-rank">
        <h3>#1</h3> 
        <div id="header-text">out of 20 in all dorms</div>
      </div>
    </div>

    <div id="header-floor-overall-rank4" style="top: 0px; left: 0px; z-index: 1; 
         position: absolute; opacity: 0; display: none; ">
      <div id="header-floor-energy">
        <h3 id="overall-energy-value"></h3>
        <div id="header-text">kWh used overall</div>
      </div>
                      
      <div id="header-floor-rank">
        <h3 id="overall-energy-rank"></h3> 
        <div id="header-text">out of 20 in all dorms</div>
      </div>
    </div>
  </div>
</div>
                
    <div id="header-floor-image">
      <img src="./energy_files/hale.ilima.jpg">
    </div>
  </div>  
              
<div id="header-nav">
  <div class="selected-energy">
    <div id="header-nav-links">
    <ul>
      <li><a href="activities.html" class="activities">
        <img src="./energy_files/spacer.png">
        <h4>Get Nutz</h4></a></li>
                      
      <li><a href="energy.html" class="energy">
        <img src="./energy_files/spacer.png">
        <h4>Go Low</h4></a></li>
                      
      <li><a href="news.html" class="news">
        <img src="./energy_files/spacer.png">
        <h4>News</h4></a></li>
                      
      <li><a href="prizes.html" class="prizes">
        <img src="./energy_files/spacer.png">
        <h4>Prizes</h4></a></li>
                      
      <li><a href="profile.html" class="profile">
        <img src="./energy_files/spacer.png">
        <h4>Profile</h4></a></li>
                      
      <li><a href="help.html" class="help">
        <img src="./energy_files/spacer.png">
        <h4>Help</h4></a></li>
    </ul>
    </div>
  </div>
                    
  <div id="header-round-info">
    <h3>Overall</h3>
    <span id="header-round-countdown" class="hasCountdown">(ends in 5 Days, 9 Hours, and 39 Minutes)</span>
  </div>

</div></div>

  <div id="quest-box" style="clear: both">
    <div id="quest-header">
      <h3 id="quest-title">Your Quests</h3>
      <a href="http://dasha.ics.hawaii.edu:8200/profile/?ref=nav-button#" style="float: right">
      <img src="./profile_files/icon-help-sm.png" width="20" align="center" 
        title="Click to get help about this window" 
        onclick="toggleHelp(&#39;widget&#39;, &#39;quests&#39;); return false;"></a>
    </div>
  
      <div style="clear: both"></div>
               
      <ul id="quest-list">
        <li> <a href="javascript:void(0)" id="get-social" class="quest-title ">
          Get social </a></li>
                
        <li> <a href="javascript:void(0)" id="get-fully-committed-badge" class="quest-title ">
          Get the Fully Committed badge </a></li>
                
        <li> <a href="javascript:void(0)" id="check-lounge-energy-use" class="quest-title ">
          Check lounge energy use </a></li>
      </ul>
  </div>
      
      <script type="text/javascript">
      var endDate = new Date("Fri Aug 31 00:00:00 2012");
      var today = new Date();
      // Calculate the number of days in the difference.
      var hourDiff = (endDate - today) / (1000 * 60 * 60);
      if (hourDiff > 24) {
        $("#header-round-countdown").countdown({
          until: endDate,
          tickInterval: 60,
          layout: '(ends in {dn} {dl}, {hn} {hl}, and {mn} {ml})'
        });
      }
      else {
        if (hourDiff < 6) {
          $("#header-round-info").addClass("ending");
        }
        $("#header-round-countdown").countdown({
          until: endDate,
          layout: '(ends in {hn} {hl}, {mn} {ml}, and {sn} {sl})'
        });
      }
    </script>
    
</div>
  
<div class="content">  
    

<div id="energy-power-scoreboard">
  <div id="energy-power" class="content-box">
   <div id="activity-power-box">
    <div id="energy-power-title" class="content-box-title">
      Current Lounge Power
      <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" style="float: right">
      <img src="./energy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;lounge-power&#39;); return false;"></a>
    </div>
    <div id="energy-power-content">
      <center>
      

<div id="energy-power-gauge">

<div id="visualization"></div> 

</div>


<script type="text/javascript"> 
// Wrap this code in an anonymous self-invoking function to avoid polluting global namespace.
(function() {
  var spreadsheetUrl = 'https://spreadsheets.google.com/tq?key=0An9ynmXUoikYdEx3TkRkYjdwdHZkTUo4OGI4NVZ3cmc';
  var refreshInterval = 15; // refresh every 15 seconds.
 
  // Load the visualization API and the spreadsheet, then call displayEnergy.
  var loader = new org.wattdepot.gdata.GDataLoader(displayEnergy, spreadsheetUrl, refreshInterval);  
 
  function displayEnergy(datatable) {
    var source = 'Ilima-E';
    var options = {width : 200, 
                   title : source, 
                   captionStyle : {fontSize : '0.70em'}, 
                   titleStyle : {fontWeight : 'bold'}, 
                   globalStyle : {fontFamily : 'sans-serif'},
                   backgroundColor : "EBE7BC",
                   powerRange : 2000};
    var energyChart = new org.wattdepot.gdata.makahiki.PowerMeter();
    energyChart.draw('visualization', source, datatable, options);
  }
})();  
</script>
  
      </center>
    </div>
   </div>
  </div>
  
  <p>
  </p><div id="energy-scoreboard-box" class="content-box">
    

<div id="energy-scoreboard" style="position: relative; height: 530px; ">
  
  <div class="energy-scoreboard-cycle" style="position: absolute; top: 0px; left: 0px; opacity: 1; display: block; z-index: 4; ">
    <div id="energy-scoreboard-title" class="content-box-title" style="width: 100%">
      Overall kWh Score Board
      <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" style="float: right">
      <img src="./energy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;energy-scoreboard&#39;); return false;"></a>
    </div>
    <div id="energy-scoreboard-content">
      <table id="overall-energy-scoreboard"></table>
    </div>
 </div>
 
  <div class="energy-scoreboard-cycle" style="top: 0px; left: 0px; z-index: 2; position: absolute; opacity: 0; display: none; ">
    <div id="energy-scoreboard-title" class="content-box-title" style="width: 100%">
      Round 2 kWh Score Board
      <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" style="float: right">
      <img src="./energy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;energy-scoreboard&#39;); return false;"></a>
    </div>
    <div id="energy-scoreboard-content">
      <table id="round-2-energy-scoreboard"></table>
    </div>
 </div>
 
  <div class="energy-scoreboard-cycle" style="top: 0px; left: 0px; z-index: 1; position: absolute; opacity: 0; display: none; ">
    <div id="energy-scoreboard-title" class="content-box-title" style="width: 100%">
      Round 1 kWh Score Board
      <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" style="float: right">
      <img src="./energy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;energy-scoreboard&#39;); return false;"></a>
    </div>
    <div id="energy-scoreboard-content">
      <table id="round-1-energy-scoreboard"></table>
    </div>
 </div>
 
 
 
</div>
<div id="scoreboard-cycle-nav"><a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" class="activeSlide">1</a><a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#">2</a><a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#">3</a></div>
<div id="energy-scoreboard-message">#1 at end of round wins a 
   <a href="http://dasha.ics.hawaii.edu:8200/prizes"> prize!</a>
 </div>
  </div>
</div>

<div id="energy-status">
  <div id="energy-status-box" class="content-box">
    <div id="energy-status-title" class="content-box-title">     
     Daily Energy Goal Game
      <a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" style="float: right">
      <img src="./energy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;energy-goal-game&#39;); return false;"></a>
    </div>
    <div id="energy-status-content">
      <fieldset id="energy-status-progress">
        <legend>Current Status</legend>
       
           
<div id="energy-power-box">
  
<div id="EnergyGoalGame-visualization"></div> 

</div>


<script type="text/javascript"> 
// Wrap this code in an anonymous self-invoking function to avoid polluting global namespace.
(function() {
  var spreadsheetUrl = 'https://spreadsheets.google.com/spreadsheet/tq?key=0An9ynmXUoikYdEdmU21FaWtlSlNSSnQ3YmNxUFBWaFE';
  var refreshInterval = 15; // refresh every 15 seconds.
 
  // Load the visualization API and the spreadsheet, then call displayEnergy.
  var loader = new org.wattdepot.gdata.GDataLoader(displayEnergy, spreadsheetUrl, refreshInterval);  
 
  function displayEnergy(datatable) {
    var source = 'Ilima-E';
    var options = {};  // no options currently supported. 
    var energyChart = new org.wattdepot.gdata.makahiki.EnergyGoalGame();
    energyChart.draw('EnergyGoalGame-visualization', source, datatable, options);
    
    //display_energy_calculator("energy-calculator", source, datatable);   
  } 
              
})();


function display_energy_calculator(div, source, datatable)
{
   var row = -1;
   for (var i = 0; i < datatable.getNumberOfRows(); i++) {
      if (datatable.getValue(i, 0) == source) {
        row  = i;
      }
   }
    
   var actualConsumption = parseInt(datatable.getValue(row,2));
   var goalConsumption = parseInt(datatable.getValue(row,3));
   var diff = actualConsumption - goalConsumption;
   if (diff < 0) { diff = 0 - diff; }

   var appliance_type = ["Playing XBox 360",
                "Using laptop",
                "Watching plasma TV",
                "Playing stereo",
                "Playing Wii",
                "Playing Playstation 3"];
   var appliance_data = [185.0, 
                    70.0, 
                    300.0, 
                    100.0, 
                    20.0, 
                    195.0];

   var selectText = '<select onchange="cal_energy(this.options[this.selectedIndex]);" >\n';
   for (var i=0; i<appliance_type.length; i++) 
   {   var diffstr = diff*1000/appliance_data[i];
       selectText += '<option value="'+diffstr.toFixed(1)+'">'+appliance_type[i]+'</option>\n';
   }
   selectText += '</select> '
    
   var diffstr = diff*1000/appliance_data[0]; 
   document.getElementById(div).innerHTML = "We need to conserve energy to meet our goal, but what does "+diff+" kWh mean? <p/>" +
     "To save "+diff+"  kWh, we must reduce our energy use by an amount equivalent to" + 
     selectText + 
     "<div id='cal_energy_text'> for "+diffstr.toFixed(1)+" hours</p>";          
}

function cal_energy(selected)
{
  document.getElementById("cal_energy_text").innerHTML = 
  "for "+selected.value+" hours</p>"
}
</script> 

           <p> </p><center> <b>
           Each member receives 20 points
           each day that we make our goal. </b></center>   
      </fieldset>
    
      <fieldset id="energy-status-how">
        <legend>How can we make our daily goal?</legend>        
        <table id="energy-status-how-table">
          <tbody><tr id="energy-status-how-calculator">
            <td id="energy-status-how-activities-content">
                The following activities can help your lounge conserve energy, and you earn points!
                 
      <table id="energy-status-how-activities-table">
        <thead>
          <tr><th>Activity</th>
          <th>Points</th>
        </tr></thead>
        <tbody>        
          
          <tr><td><a href="http://dasha.ics.hawaii.edu:8200/activities/commitment/turn-off-vampires">I will turn off vampire loads using a power strip</a></td>
              <td>
                        
                  5
                  
              </td>
          </tr>
          
        </tbody>
      </table>
    
            </td>
          </tr>   
        </tbody></table> 
      </fieldset>

      <fieldset id="energy-status-posts">
        <legend>Organize with your lounge peeps</legend>
          Got ideas on how to conserve energy? Share it on the lounge wall:<br>

    <div id="news-wall-content">
      <div id="wall-form">
        <form id="news-post-form" action="http://dasha.ics.hawaii.edu:8200/news/post/" method="POST">
          <div style="display:none"><input type="hidden" name="csrfmiddlewaretoken" value="a24f5c59567f2c177a6fd44ab2ab1de9"></div>
          <div id="wall-post-errors"></div>
          <div id="wall-post">
            <textarea id="id_post" rows="10" cols="40" name="post">What's on your mind?</textarea>
          </div>
          <div style="text-align: center">
            <button id="wall-post-submit" style="font-size: 14px; margin-top:0.8em; margin-left:0.5em; margin-right:0.5em; margin-bottom:0.8em;" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled ui-button-text-only" role="button" aria-disabled="true" disabled=""><span class="ui-button-text">
                Post
            </span></button>
          </div>
          <!--- <a id="wall-post-submit" href="#">Post</a> -->
        </form>
      </div>

        <ul id="wall-posts">
          



        </ul>
        
          <p id="wall-no-posts" style="padding: 7px;">There are no posts yet!</p>
        
        
      </div></fieldset>
    </div>
  </div>

</div>


  </div>
  
  <div id="footer">
      
  </div>
  
  







<div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; height: 0px; width: 0px; "></div></div>
<script src="./energy_files/all.js"></script>

<script type="text/javascript">
  FB.init({
    appId: '233999643296575', 
    status: true, 
    cookie: true, 
    xfbml: true
  });
  
  // Normally, we would wrap this in an anonymous function, but we want it to be available for later.
  // Get the spreadsheet we need.
  var energyLastThirtyDays = 'https://spreadsheets.google.com/spreadsheet/tq?key=0An9ynmXUoikYdHhxeW1xRURQZUlGd1oxVERnQktsWXc';
  var refreshInterval = 0; // don't refresh this spreadsheet.

  // Load the visualization API and the spreadsheet, then call displayRank.
  var loader = new org.wattdepot.gdata.GDataLoader(displayRank, energyLastThirtyDays, refreshInterval);  

  function displayRank(energyDataTable) {
    // The source for which we want to find the rank must be specified by Makahiki.
    var source = 'Ilima-E';
    var energyRank = new org.wattdepot.gdata.makahiki.EnergyRank();
    
    // Get the usage for the current round and overall.
    
      // console.log('Overall start: 87, end: 67');
      var usage = energyRank.processDataTable(energyDataTable, 87, 67);
      var info = energyRank.calculateRankInfo(usage, source);
      
      // Check if this is overall information.
      
      energyRank.draw("overall-energy-rank", "overall-energy-value", info);
      
      
      
  
  
  
  if (document.getElementById('overall-energy-scoreboard') !== null) {
    energyRank.drawCompleteStandings("overall-energy-scoreboard", "Ilima-E", usage);
  }

    
      // console.log('Round 2 start: 80, end: 74');
      var usage = energyRank.processDataTable(energyDataTable, 80, 74);
      var info = energyRank.calculateRankInfo(usage, source);
      
      // Check if this is overall information.
      
        // Check if this is info for the current round.
        
      
      
      
  
  
  
  if (document.getElementById('round-2-energy-scoreboard') !== null) {
    energyRank.drawCompleteStandings("round-2-energy-scoreboard", "Ilima-E", usage);
  }

    
      // console.log('Round 1 start: 87, end: 81');
      var usage = energyRank.processDataTable(energyDataTable, 87, 81);
      var info = energyRank.calculateRankInfo(usage, source);
      
      // Check if this is overall information.
      
        // Check if this is info for the current round.
        
      
      
      
  
  
  
  if (document.getElementById('round-1-energy-scoreboard') !== null) {
    energyRank.drawCompleteStandings("round-1-energy-scoreboard", "Ilima-E", usage);
  }

    
  }
</script>


<script type="text/javascript">
  jQuery(document).ready(function($) {
    $("#energy-scoreboard").cycle({
        height: "530px",
        pause: 1,
        timeout: 7000,
        pager: '#scoreboard-cycle-nav'
    });
  })
</script>




  </div>
  </div>
</div> 


<div style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute; " class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-widget-help-dialog"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span class="ui-dialog-title" id="ui-dialog-title-widget-help-dialog">Help</span><a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" class="ui-dialog-titlebar-close ui-corner-all" role="button"><span class="ui-icon ui-icon-closethick">close</span></a></div><div id="widget-help-dialog" style="" class="ui-dialog-content ui-widget-content">
</div><div class="ui-resizable-handle ui-resizable-n"></div><div class="ui-resizable-handle ui-resizable-e"></div><div class="ui-resizable-handle ui-resizable-s"></div><div class="ui-resizable-handle ui-resizable-w"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se" style="z-index: 1001; "></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002; "></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003; "></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004; "></div></div><div style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute; " class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-feedback-dialog"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span class="ui-dialog-title" id="ui-dialog-title-feedback-dialog">Send Feedback</span><a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" class="ui-dialog-titlebar-close ui-corner-all" role="button"><span class="ui-icon ui-icon-closethick">close</span></a></div><div id="feedback-dialog" style="" class="ui-dialog-content ui-widget-content">
  <form id="feedback-form" action="http://dasha.ics.hawaii.edu:8200/ask-admin/send-feedback/" method="POST">
    <div style="display:none"><input type="hidden" name="csrfmiddlewaretoken" value="a24f5c59567f2c177a6fd44ab2ab1de9"></div>
    <p>Having issues?  Just want to tell us something?  Let us know!</p>
    <input id="id_url" type="hidden" name="url" value="">
    <textarea id="id_question" rows="3" cols="53" name="question"></textarea><br>
    <input id="feedback-submit" type="submit" value="Send" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled" role="button" aria-disabled="true" disabled="">
    <span id="feedback-spinner" style="display:none">
      Sending
      <img src="./energy_files/spinner.gif">
    </span>
  </form>
</div><div class="ui-resizable-handle ui-resizable-n"></div><div class="ui-resizable-handle ui-resizable-e"></div><div class="ui-resizable-handle ui-resizable-s"></div><div class="ui-resizable-handle ui-resizable-w"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se" style="z-index: 1001; "></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002; "></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003; "></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004; "></div></div><div style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute; " class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-feedback-success"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span class="ui-dialog-title" id="ui-dialog-title-feedback-success">Thank You!</span><a href="http://dasha.ics.hawaii.edu:8200/energy/?ref=nav-button#" class="ui-dialog-titlebar-close ui-corner-all" role="button"><span class="ui-icon ui-icon-closethick">close</span></a></div><div id="feedback-success" style="" class="ui-dialog-content ui-widget-content">
  <p style="text-align: left">
    Your feedback has been sent to the administrators.  If you asked a question, they will email
    you a response as soon as possible.
  </p>
  
  <button>OK</button>
</div><div class="ui-resizable-handle ui-resizable-n"></div><div class="ui-resizable-handle ui-resizable-e"></div><div class="ui-resizable-handle ui-resizable-s"></div><div class="ui-resizable-handle ui-resizable-w"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se" style="z-index: 1001; "></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002; "></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003; "></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004; "></div></div><div id="media_floatingBar" style="position: absolute; left: 939px; top: 14px; "><a id="001" title="View Original Image" style="background-image: url(chrome-extension://fjccknnhdnkbanjilpjddjhmkghmachn/images/floating_bar_orl.png); "></a><a id="002" title="Magnifier" style="background-image: url(chrome-extension://fjccknnhdnkbanjilpjddjhmkghmachn/images/floating_bar_zoom.png); "></a></div></body></html>